<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <title>商城</title>
    <link rel="stylesheet" type="text/css" href="/css/list.css" />
    <link rel="stylesheet" type="text/css" href="/lib/font-awesome-4.7.0/css/font-awesome.css" />
  </head>

  <body>
    <div class="wrap">
      <!--头-->
      <header>
        <!--语言切换-->
        <div class="top">
          <a href="#">English</a>
        </div>
        <!--logo、导航、搜索、登录接口、购物车接口-->
        <div class="bottom">
          <!--logo-->
          <a href="#" class="logo"><img src="/images/logo.png" /></a>
          <!--导航-->
          <div class="menu">
            <a href="/">首页</a>
            <span>
	        	  <a href="/html/list.html" class="shop">商城</a>
	        	  <div class="shop-list">
		          	<ul class="mall-nav-tit">
		              <li><a href="#">新品上市</a></li>
		              <li><a href="#">热卖上市</a></li>
		          	</ul>
		          	<ul>
		           		<li class="mall-nav-tit2"><a href="#">男鞋</a></li>
		           		<li><a href="#">跑步鞋</a></li>
		           		<li><a href="#">篮球鞋</a></li>
		            	<li><a href="#">休闲生活鞋</a></li>
		            	<li><a href="#">综训鞋</a></li>
		            	<li><a href="#">户外鞋</a></li>
		            	<li><a href="#">滑板鞋</a></li>
		          	</ul>
		          	<ul>
		            	<li class="mall-nav-tit2"><a href="#">女鞋</a></li>
		            	<li><a href="#">跑步鞋</a></li>
		            	<li><a href="#">休闲生活鞋</a></li>
		            	<li><a href="#">综训鞋</a></li>
		            	<li><a href="#">户外鞋</a></li>
		            	<li><a href="#">滑板鞋</a></li>
		          	</ul>
		          	<ul>
		            	<li class="mall-nav-tit2"><a href="#">男装</a></li>
		            	<li><a href="#">T恤/polo/背心</a></li>
		            	<li><a href="#">卫衣</a></li>
		            	<li><a href="#">外套/马甲</a></li>
		            	<li><a href="#">篮球服</a></li>
		            	<li><a href="#">健身服</a></li>
		            	<li><a href="#">裤装</a></li>
		          	</ul>
		          	<ul>
		            	<li class="mall-nav-tit2"><a href="#">女装</a></li>
		            	<li><a href="#">T恤/polo/背心</a></li>
		            	<li><a href="#">卫衣</a></li>
		            	<li><a href="#">外套/马甲</a></li>
		            	<li><a href="#">篮球服</a></li>
		            	<li><a href="#">健身服</a></li>
		            	<li><a href="#">裤装</a></li>
		          	</ul>		        
			      	</div>    
		        </span>
            <a href="#">新闻</a>
            <a href="#">团购定制</a>
          </div>
          <!--搜索、登录接口、购物车接口-->
          <div class="nav">
            <!--搜索-->
            <div class="search">
              <input type="text" name="search" id="search" placeholder="查找鞋服" />
              <a href="#"><i class="fa fa-search-plus"></i></a>
            </div>
            <!--登录接口-->
            <a href="/html/login.html"><i class="fa fa-user-o"></i></a>
            <!--购物车接口-->
            <span class="cart">
              <a href="/html/cart.html">
                <i class="fa fa-shopping-cart"></i>
                <span class="number">0</span>
              </a>
              <div class="to-cart">
                <h2>您的购物车还没有商品</h2>
                <a href="/html/list.html">去逛逛</a>
              </div>
            </span>
          </div>
        </div>
      </header>
      <!--广告-->
      <div class="banner">
        <a href="#"><img src="/images/banner.jpg" /></a>
      </div>
      <!--主体-->
      <main>
        <div class="top">
          <div class="left">
            <a href="#"><img src="/images/p1.jpg" /></a>
          </div>
          <div class="right">
            <a href="#"><img src="/images/p2.jpg" /></a>
          </div>
        </div>
        <div class="middle">
          <h2>新品推荐</h2>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
        </div>
        <div class="bottom">
          <h2>热销产品</h2>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
          <div class="box">
            <div class="new">
              <a href="/html/detail.html" class="big">
                <img class="" style="width: 350px; display: block;" src="/images/list1.jpg">
              </a>
              <ul>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
                <li><img src="/images/list1.jpg"></li>
                <li><img src="/images/list2.jpg"></li>
              </ul>
              <div>
                <h3>男常规跑鞋</h3>
                <p>¥ 299.00</p>
              </div>
            </div>
          </div>
        </div>
      </main>
      <!--尾-->
      <footer>
        <!--内容-->
        <div class="content">
          <dl>
            <dt>关于361°</dt>
            <dd>
              <a href="#" target="_blank">投资者关系</a>
            </dd>
            <dd>
              <a href="#">集团简介</a>
            </dd>
            <dd>
              <a href="#" target="_blank">361°BIFT</a>
            </dd>
            <dd>
              <a href="#">社会责任</a>
            </dd>
            <dd>
              <a href="#">品牌历程</a>
            </dd>
            <dd>
              <a href="#">品牌新闻</a>
            </dd>
            <dd>
              <a href="#">集团招聘</a>
            </dd>
            <dd>
              <a href="#">联系我们</a>
            </dd>
          </dl>
          <dl>
            <dt>如何购物</dt>
            <dd>
              <a href="#" target="_blank">店铺查询</a>
            </dd>
            <dd>
              <a href="#">购物流程</a>
            </dd>
            <dd>
              <a href="#">订单查询</a>
            </dd>
            <dd>
              <a href="#">会员及积分体系</a>
            </dd>
          </dl>
          <dl>
            <dt>支付方式</dt>
            <dd>
              <a href="#">支付方式</a>
            </dd>
            <dd>
              <a href="#">发票说明</a>
            </dd>
          </dl>
          <dl>
            <dt>物流配送</dt>
            <dd>
              <a href="#">配送时间和范围</a>
            </dd>
            <dd>
              <a href="#">配送费用</a>
            </dd>
            <dd>
              <a href="#">商品验收</a>
            </dd>
          </dl>
          <dl>
            <dt>售后服务</dt>
            <dd>
              <a href="#">退换货流程</a>
            </dd>
            <dd>
              <a href="#">售后服务政策</a>
            </dd>
          </dl>
          <dl>
            <dt>联系方式</dt>
            <dd>QQ客服：476849964</dd>
            <dd>全国服务热线</dd>
            <dd>400-6661-361</dd>
            <dd>工作时间：周一至周五（工<br />作日）</dd>
            <dd>(9:00-12:00 13:00-18:00)</dd>
            <dd style="margin-top: 20px;">地址：福建省厦门市湖里区<br />墩岭路159号三六一度大楼</dd>
            <dd>邮编：361009</dd>
          </dl>
          <div class="contact">
            <h2>关注我们</h2>
            <ul>
              <li>
                <a href="#" target="view_window"><img src="/images/weibo.png"></a>
              </li>
              <li class="WeChat">
                <img src="/images/xinxi.png">
                <div class="code">
                  <div>
                    <img src="/images/ewm1.jpg">
                    <p>361°订阅号</p>
                  </div>
                  <div>
                    <img src="/images/ewm2.jpg">
                    <p>361°服务号</p>
                  </div>
                </div>
              </li>
            </ul>

          </div>
        </div>
        <!--连接-->
        <p class="certificate">
          <a href="#">友情链接</a>
          中国 闽ICP备05003868号 ©2013 三六一度(中国)有限公司 All Rights Reserved
        </p>

      </footer>
    </div>
  </body>

</html>